<template>
	<div class="container">
		<el-alert title="分享状态开启后,分享当前设置.如果分享状态关闭默认分享小程序当前截图." type="warning" >
		</el-alert>
		<el-form style="margin-top: 10px;" :model="form" :rules="rules" ref="ruleForm" label-width="100px">
			<el-form-item label="分享标题" prop="share_title" ref="share_title">
				<el-input v-model="form.share_title"></el-input>
			</el-form-item>
			<el-form-item label="分享图标">
				<vk-data-upload v-model="form.share_img" :limit="1"></vk-data-upload>
			</el-form-item>
			<el-form-item label="分享描述">
				<el-input type="textarea" :autosize="{ minRows: 3 }" v-model="form.share_desc"></el-input>
			</el-form-item>
			<el-form-item label="分享状态">
				<el-tooltip :content="form.state == '禁用' ? '点击启用' : '点击禁用'" placement="top" :hide-after="1000"
					:enterable="false" effect="light">
					<el-switch v-model="form.state" active-value="启用" inactive-value="禁用"></el-switch>
				</el-tooltip>
			</el-form-item>
		</el-form>
	</div>
</template>

<script>
	const __name = 'ny-app-share';
	export default {
		props: {
			shareInfo: {
				type: Object,
				required: true
			}
		},
		data() {
			return {
				dataId: '',
				form: {
					share_title: '',
					share_img: '',
					share_desc: '',
					state: '禁用'
				},
			};
		},
		methods: {

		}
	};
</script>

<style></style>